@charset "UTF-8";
/**CSS Reset**/
body, div, span, h1, h2, h3, h4, h5, h6, header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu, address, time, canvas, audio, video, p, pre, sup, sub, ul, ol, li, dl, dt, dd, form, input, button, textarea, select, iframe, img, a { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header, footer, section, article, aside, details, figcaption, figure, hgroup, nav, menu { display: block; }
html, body { font-size: 20px; -webkit-overflow-scrolling: touch; }
body { background-color: #eee; color: #333; font-family: "Helvetica Neue", "Microsoft Yahei", Tahoma, Arial, Roboto, "Droid Sans", "Droid Sans Fallback", "Heiti SC", sans-self; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
ul, ol { list-style-type: none; }
a { color: #333; text-decoration: none; outline: none; }
a:link, a:visited, a:hover, a:active { color: #333; outline: none; }

.iphone { width: 384px; height: 799px; padding: 182px 32px 157px; margin: 0px auto; }
.browser { position: relative; width: 320px; height: 460px; overflow: hidden; }
/* @media (min-width: 721px) and (max-width: 1300px) { */
	.iphone { width: 270px; height: 562px; padding: 128px 23px 111px; margin: 0px auto; background-size: 270px 562px; }
	.browser { width: 224px; height: 323px; }
/* } */
/* @media (max-width: 720px) { */
	.iphone { width: 100%; height: 100%; padding: 0; background: none; }
	.browser { width: 100%; height: 100%; }
/* } */
/*选择地区*/
.express-area {margin: 0 0 0 0.8rem;  }
.express-area a { display: block; padding: 0rem;  }
.express-area dl { position: relative; line-height: 0.64rem; color: #4d525d; }
.express-area dl dt { position: absolute; top: 0; left: 0; font-size: .7rem; line-height: 1.2rem; }
.express-area dl dd { padding-top: .1rem; padding-right: .8rem; margin-left: 3.5rem; text-align: justify; font-size: .65rem; line-height: 0.64rem; }
/* @media (min-width: 721px) and (max-width: 1300px) { */
	.express-area a { padding: .3rem; }
	.express-area dl dt { font-size: .5rem; line-height: 0.64rem; }
	.express-area dl dd { padding-right: .6rem; margin-left: 3rem; font-size: .4rem; line-height: .64rem; }
/* } */
/*选择地区弹层*/
.express-area-box { position: absolute; bottom: -100%; left: 50%; z-index: 15; width: 320px; margin-left: -160px; background-color: #fff; color: #4d525d; }
@media (max-width: 750px) {
	.express-area-box{bottom: -100%;top:auto}
}
.express-area-box header { position: relative; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
.express-area-box header h3 { margin: 0 auto; text-align: center; font-size: .38rem; line-height: 1rem; }
.express-area-box header .back,
.express-area-box header .close { position: absolute; top: 0; width: 0.27rem; height: 0.27rem;top:0.35rem;right: 0.3rem; }
.express-area-box header .back { display: none; left: 0; background: url(../img/back.png) no-repeat center;   background-size: .45rem .75rem; }
.express-area-box header .close {background: url(../img/close-area.png) no-repeat center; background-size: 100%; }
.express-area-box article { height: 250px; overflow-y: scroll; }
.area-list li { padding: .32rem; border-bottom: 1px solid #e2e2e2; text-align: justify; font-size: .34rem; line-height: 0.34rem; }
@media (min-width: 721px) and (max-width: 1300px) {
	.express-area-box { width: 224px; margin-left: -112px; }
	.express-area-box header h3 { font-size: .7rem; line-height: 1.7rem; }
	.express-area-box header .back,
	.express-area-box header .close { height: 1.7rem; }
	.express-area-box article { height: 120px; }
	.area-list li { padding: .3rem; font-size: .34rem; line-height: 0.34rem; }
}
@media (max-width: 720px) {
	.express-area-box { position: fixed; left: 0; width: 100%; margin-left: 0; }
}
/*遮罩层*/
.mask { display: none; position: absolute; top: 0; left: 0; z-index: 12; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
@media (max-width: 720px) {
	.mask { position: fixed; }
}

.iphone{
	background: url("https://p3.img.cctvpic.com/photoAlbum/page/performance/img/2021/6/23/1624449297464_65.jpg") no-repeat top ;
	background-size: 100%;
}
.qxz{
	font: 0.4rem '微软雅黑';
	color: #fff;
	margin-left: 0.8rem;
}
.express-area dl dt{
	position: relative;
	display: inline-block;
	font: 0.36rem '微软雅黑';
	color: #fff;
}
.express-area dl dd{
	display: inline-block;
	margin: 0;
	padding: 0;
}
#in2,#in1{
	background:url(../img/input.png) no-repeat center;
	background-size: 100%;
	width: 3.75rem;
	padding: 0 0 0 0.38rem ;
	border: 0;
	font: 0.28rem '微软雅黑';
	outline: none;
	line-height: 0.64rem;
	margin-left: 0.1rem;
	margin-top: 1.05rem;
}
#in1{
	margin-left:0.24rem;
	margin-top: 0.85rem;
}
#areaBox1{
	height: 2rem;
}
#areaBox{
	height: 5rem;
}
#but{
	border: 0;
	margin: 1.38rem 0 0 0.95rem;
	padding: 0;
	width: 5.66rem;
	height: 1.09rem;
	background: url(../img/buttom.png) no-repeat center;
	background-size: 100%;
}
